<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src资源路径
    相对路径: 一般访问站内资源时使用
        资源和页面在同级目录: 直接写文件名
        资源在页面的上级目录: ../文件名
        资源在页面的下级目录: 文件夹名/文件名
    绝对路径: 访问站外资源时使用,又称为图片盗链,存在找不到图片的风险
    alt:当图片不能显示时显示的文本
    title:图片标题,鼠标悬停时显示的文本
-->
<img src="aa.jpg" alt="图片不能显示时显示的文本">
<img src="a.jpg" title="耐克板鞋" width="50%">
<!--设置图片的宽高:  像素和百分百两种方式赋值
width宽度
height高度
-->
<img src="../b.jpg" width="100" height="100">
<img src="abc/c.jpg" width="100">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///5f791c0985cc4a67a5c4dca6627155b0.jpg">
</body>
</html>